<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>网页</title>
    <link rel="stylesheet" href="index.css">

</head>
<body>
    <div id="half-one">
    
        <div id="header">
            <img src="logo.png" class="logo">
        
            <div id="headright">
                <span>
                    简体中文
                </span>
                <span >
                    <img src="phone.png" alt="">
                        4008-117-888
                </span> 
            </div>

        </div>
        <div id="nav">
            <ul>
            
                <li id="first">分类搜索</li>
                <li id="second">创意图片</li>
                <li>编辑图片</li>
                <li>设计素材</li>
                <li>图片社区</li>
                <li>图片代理</li>
                <li>购买计划</li>
                <img src="new.png" >
                
            </ul>
            <div id="enter">
                <span>登录</span>
                <span>注册</span>
            </div>  
        </div>
        <div id="banner">
            <div id="seek">
                <input id="text" type="text" placeholder="搜索您喜欢的图片">
                <div id="tp">
                    <img src="search.png" >
                </div>
            </div>
            <div id="more">
                <p>查看更多作品</p>
            </div>
            
        </div>
        <div id="main">
            <div id="combo">
            
                <ul>
                    <li>
                            <div class="caption">网络套餐</div>
                            <p>用于微博、微信、APP、网站设计、H5等用途，充分满足
                               社交媒体的配图需求和习惯，一站式解决所有网络需求。
                               每张低至
                            </p>
                            <div id="cost">￥30/张</div>
                            <img src="hot.gif">
                    </li>
                    <li>
                            <div class="caption">线下物料套餐</div>
                            <p>20MB高清海量创意图片，为企业提供宣传册、折页、
                               易拉宝、 海报等印刷和宣传产品的视觉解决方案。
                               一年内随时下载， 每张低至
                            </p>
                            <div id="cost">￥150/张</div>
                             
                             <a href="http://www.quanjing.com/commerce/">
                             <p id="look">查看详情</p>
                             </a>
                        
                    </li>
                    <li>
                            <div class="caption">出版套餐</div>
                            <p>10MB编辑图片，一键搜索、轻松下载，快速找到图书、杂志、电子出版物的最佳配图。提高工作效率
                                        每张低至
                            </p>
                            <div id="cost">￥60/张</div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div id="half-two">
        
            <ul>
                <li>免费专区
                    <img src="new.png" alt="">
                </li>
                <li>汽车背景</li>
                <li>生活方式</li>
                <li>科技环保</li>
                <li>东方创意</li>
                <li>大师作品</li>
            </ul>
            
            <div id="main1">
                <p>
                    <img src="ico1.jpg" >
                    <span>个人应用</span>
                </p>
                <table>
                    <tr>
                        <td class="grall">
                            <img src="gryy1.jpg" >
                            <span class="boxname">背景</span>
                        </td>
                        <td style="width:5px"></td>
                        <td class="grall">
                            <img src="gryy2.jpg" >
                            <span class="boxname">头像</span>
                        </td>
                        <td style="width:5px"></td>
                        <td class="grall">
                            <img src="gryy3.jpg" >
                            <span class="boxname">表情包</span>
                        </td>
                    </tr>
                </table>
                <p>
                    <img src="ico1.jpg" >
                    <span>图片及矢量素材</span>
                </p>
                <table>
                    <tr>
                        <td class="grall2">
                            <img src="ppt1.jpg" >
                            <span class="boxname1">模版</span>
                        </td>
                        <td style="width:5px"></td>
                        <td class="grall2">
                            <img src="ppt2.jpg" >
                            <span class="boxname1">信息表</span>
                        </td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <td class="grall3">
                            <img src="slt1.jpg" >
                            <span class="boxname">网页模版</span>
                        </td>
                        <td style="width:5px"></td>
                        <td class="grall3">
                            <img src="slt2.jpg" >
                            <span class="boxname">图标</span>
                        </td>
                        <td style="width:5px"></td>
                        <td class="grall3">
                            <img src="slt3.jpg" >
                            <span class="boxname">海报</span>
                        </td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <td class="grall4">
                            <img src="f1.jpg" >
                            <span class="boxname1">插画</span>
                        </td>
                        <td style="width:5px"></td>
                        <td class="grall4">
                            <img src="f2.jpg" >
                            <span class="boxname1">3D</span>
                        </td>
                    </tr>
                </table>


            </div>  

                
        
    </div>
    <div class="last">
        <div id="left">
            <div id="box"  class="picture"></div>
            <ul>
                <li>
                    <span>全景图片</span>
                </li>
                <li>关于我们</li>
                <li>服务条款</li>
                <li>招贤纳士</li>
                <li>在线帮助</li>
                <li>联系我们</li>
            </ul>
            <div id="box"  class="member"></div>
            <ul>
                <li>
                    <span>会员服务</span>
                </li>
                <li>免费注册</li>
                <li>高级会员</li>
            </ul>
            <div id="box"  class="buy"></div>
            <ul>
                <li>
                    <span>购买计划</span>
                </li>
                <li>充值计划</li>
                <li>购买套餐</li>
                <li>常见问题</li>
                <li>客服中心</li>
            </ul>
            <div id="box"  class="firm"></div>
            <ul>
                <li>
                    <span>企业服务</span>
                </li>
                <li>数字资产管理</li>
            </ul>
            <div id="box"  class="other"></div>
            <ul>
                <li>
                    <span>其他</span>
                </li>
                <li>网站地图</li>
                <li>友情链接</li>
                <li>广告导航</li>
                <li>天空网</li>
            </ul>
        </div>
        <div class="phone">
            <span>关注我们</span>
            <img src="weixin.jpg" alt="">
        </div>
        <div class="phone">
            <span>下载全景APP</span>
            <img src="downapp.jpg" alt="">
        </div>
        
    </div>
    <div id="bottom">
        <p >版权声明：所有图片均受著作权保护，未经许可不得使用、转载、摘编。 版权所有 北京全景视觉网络科技股份有限公司 京ICP备10011865号-1  京公网安备11010502022735号</p>
    </div>
    
    
</body>
</html>